<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" />
<link rel="stylesheet" href="css/Site.css" />
<link rel="stylesheet" href="css/zy.all.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/amazeui.min.css" />
<link rel="stylesheet" href="css/admin.css" />
</head>

<body>
<span style="display: none;" class="user_role_name" th:text="${session.user.role.role_name}"></span>
<span style="display: none;" class="user_id" th:text="${session.user.user_id}"></span>
	<div class="dvcontent">
		<div style="margin: 30px;">
			<input class="searchText"
				type="text" placeholder="输入商品名称" style="font-size: 25px;" /> <input
				class="gosearch" type="button" value="搜索" />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="font-size: 25px;">分类查询</span> <span
				style="display: none;" class="type_id" ></span> <select class="types"
				style="font-size: 25px;">
				<option value="0">===请选择===</option>
<!-- 				<option th:each="type:${commodity_type}" -->
<!-- 					th:value="${type.getCommoditytype_id()}" -->
<!-- 					th:text="${type.getCommoditytype_name()}"></option> -->
			</select> 
			<input class="gotype" type="button" value="搜索" />
		</div>

		<div>
			<!--tab start-->
			<div class="tabs">
				<div class="hd">
					<ul>
						<li class="on"
							style="box-sizing: initial; -webkit-box-sizing: initial;">商品管理</li>
						<li id="tj" class=""
							style="box-sizing: initial; -webkit-box-sizing: initial;">添加商品</li>
					</ul>
				</div>
				<div class="bd">
					<ul style="display: block; padding: 20px;">
						<li>
							<!--分页显示角色信息 start-->
							<div id="dv1">
								<table class="table" id="tbRecord">
									<thead>
										<tr>
											<th>商品编号</th>
											<th>商品名称</th>
											<th>商品图片</th>
											<th>商品数量</th>
											<th>商品销量</th>
											<th>价格</th>
											<th>批发价</th>
											<th>状态</th>
											<th th:if="${session.user.role.role_name=='root'}">编辑</th>
										</tr>
									</thead>
									<tbody>
										<!-- 										<tr th:each="comm:${commodityList}"> -->
										<!-- 											<td class="id" th:text="${comm.getCommodity_id()}"></td> -->
										<!-- 											<td th:text="${comm.getCommodity_name()}"></td> -->
										<!-- 											<td><img src="Resources/images/logo.png" /></td> -->
										<!-- 											<td th:text="${comm.getCommodity_count()}"></td> -->
										<!-- 											<td th:text="${comm.getCommodity_quantitysold()}"></td> -->
										<!-- 											<td>￥<span th:text="${comm.getCommodity_price()}"></span></td> -->
										<!-- 											<td>￥<span th:text="${comm.getCommodity_tradeprice()}"></span></td> -->
										<!-- 											<td th:text="${comm.getCommodity_state()}==1?可用:不可用"></td> -->
										<!-- 											<td class="delete"> -->
										<!-- 												<button class="btn"> -->
										<!-- 													<i class="icon-edit bigger-120"></i>编辑 -->
										<!-- 												</button> -->
										<!-- 											</td> -->
										<!-- 										</tr> -->
									</tbody>

								</table>
						<div class="pa"></div>
<!-- 								<span style="color: red;" th:if="${commodityList.total==0}"><h1>未查询到结果</h1></span> -->
<!-- 								<span th:if="${commodityList.total!=0}"> <span>当前页：<span -->
<!-- 										class="pagenum" th:text="${commodityList.getPageNum()}"></span></span> -->
<!-- 									<span>----</span> <span>总页数：<span class="pages" -->
<!-- 										th:text="${commodityList.getPages()}"></span></span> <br /> <a -->
<!-- 									class="sy" href="">首页</a> <a class="syy" href="">上一页</a> <a -->
<!-- 									class="xyy" href="">下一页</a> <a class="my" href="">尾页</a> -->
<!-- 								</span> -->

							</div> <!--分页显示角色信息 end-->
						</li>
					</ul>
					<ul class="theme-popbod dform" style="display: none;">
						<div class="am-cf admin-main" style="padding-top: 0px;">
							<!-- content start -->

							<div class="am-cf admin-main" style="padding-top: 0px;">
								<!-- content start -->
								<div class="admin-content">
									<div class="admin-content-body">

										<div class="am-g">
											<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8"></div>
											<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
												style="padding-top: 30px;">
												<form class="am-form am-form-horizontal">

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															商品名称</label>
														<div class="am-u-sm-9">
															<input type="text" id="commodity_name" placeholder="商品名称"
																name="commodity_name" required>
														</div>
													</div>

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															商品名图片</label>
														<div class="am-u-sm-9">
															<input type="text"  id="commodity_img" required
																placeholder="图片地址" name="commodity_img" />
														</div>
													</div>

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															价格</label>
														<div class="am-u-sm-9">
															<input type="text" id="commodity_price" required
																placeholder="价格" name="commodity_price">
														</div>
													</div>

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															批发价格</label>
														<div class="am-u-sm-9">
															<input type="text" id="commodity_tradeprice" required
																placeholder="批发价格" name="commodity_tradeprice">
														</div>
													</div>

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															商品数量</label>
														<div class="am-u-sm-9">
															<input type="text" id="commodity_count" required
																placeholder="商品数量" name="commodity_count">
														</div>
													</div>

													<div class="am-form-group">
														<label for="user-name" class="am-u-sm-3 am-form-label">
															商品类型</label>
														<div class="am-u-sm-9">
															<select id="commodity_type_id" name="commodity_type_id">
																<option value="0">===请选择===</option>
<!-- 																<option th:each="type:${commodity_type}" -->
<!-- 																	th:value="${type.getCommoditytype_id()}" -->
<!-- 																	th:text="${type.getCommoditytype_name()}"></option> -->
															</select>
														</div>
													</div>



													<div class="am-form-group">
														<div class="am-u-sm-9 am-u-sm-push-3">
															<input type="submit" class="am-btn am-btn-success"
																value="保存" />
														</div>
													</div>
												</form>
											</div>
										</div>
									</div>

								</div>
								<!-- content end -->
							</div>
							<!--添加 end-->
					</ul>
				</div>
			</div>
			<!--tab end-->

		</div>


		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
		<script src="js/plugs/Jqueryplugs.js" type="text/javascript"></script>
		<script src="js/_layout.js"></script>
		<script src="js/plugs/jquery.SuperSlide.source.js"></script>
		<script type="text/javascript" src="js/inventory.js"></script>

	</div>
</body>

</html>